<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>教练新增</title>
    <link href="../../layui/css/layui.css" rel="stylesheet">
    <link href="../../static/css/style.css" rel="stylesheet">
    <script src="../../static/js/jquery.min.js"></script>
    <script src="../../static/js/jquery.cookie.js"></script>
    <script src="../../layui/layui.js"></script>
    <script src="../../static/js/base.js"></script>
    <script src="../../static/js/ax.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="../../static/js/html5.js"></script>
    <script src="../../static/js/respond.js"></script>
    <![endif]-->

</head>
<body>

<div class="layui-card xyxx">
    <div class="layui-card-header"><h5>教练新增</h5></div>
    <div class="layui-card-body">
        <form class="layui-form layui-form-pane" action="" lay-filter="component-form-element">
            <div class="layui-row layui-col-space10">
                <div class="layui-inline  layui-col-sm6">
                    <label class="layui-form-label">教练编号：</label>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input" id="">
                    </div>
                </div>
                <div class="layui-inline  layui-col-sm6" >
                    <label class="layui-form-label">性别：</label>
                    <div class="layui-input-block">
                        <input type="radio" name="sex" value="男" title="总校" checked="">
                        <input type="radio" name="sex" value="女" title="分直营总校">
                    </div>
                </div>
                <div class="layui-inline  layui-col-sm6">
                    <label class="layui-form-label">教练姓名：</label>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input" id="">
                    </div>
                </div>
                <div class="layui-inline  layui-col-sm6">
                    <label class="layui-form-label">证件号码：</label>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input" id="">
                    </div>
                </div>
                <div class="layui-inline  layui-col-sm6">
                    <label class="layui-form-label">手机号码：</label>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input" id="">
                    </div>
                </div>
                <div class="layui-inline layui-col-sm6">
                    <label class="layui-form-label">教练培训科目：</label>
                    <div class="layui-input-block">
                        <select>
                            <option value="0">选择</option>

                        </select>
                    </div>
                </div>
                <div class="layui-inline  layui-col-sm6">
                    <label class="layui-form-label">微信号：</label>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input" id="">
                    </div>
                </div>

                <div class="layui-inline layui-col-sm6">
                    <label class="layui-form-label">培训车型：</label>
                    <div class="layui-input-block">
                        <select>
                            <option value="0">选择</option>

                        </select>
                    </div>
                </div>
                <div class="layui-inline  layui-col-sm6">
                    <label class="layui-form-label">教龄：</label>
                    <div class="layui-input-block">
                        <input type="text" class="layui-input" id="">
                    </div>
                </div>
                <div class="layui-inline layui-col-sm6">
                    <label class="layui-form-label">教练驾驶车型：</label>
                    <div class="layui-input-block">
                        <select>
                            <option value="0">选择</option>

                        </select>
                    </div>
                </div>




            </div>


            <div class="layui-row layui-col-space10">
                <div class="layui-inline  layui-col-sm4">
                    <label class="layui-form-label">教练驾驶证：</label>
                    <div class="layui-input-block">
                        <div class="layui-upload-drag" id="test1">
                            <i class="layui-icon layui-icon-add-1"></i>
                        </div>
                    </div>
                </div>
                <div class="layui-inline  layui-col-sm4">
                    <label class="layui-form-label">教练证：</label>
                    <div class="layui-input-block">
                        <div class="layui-upload-drag" id="test2">
                            <i class="layui-icon layui-icon-add-1"></i>
                        </div>
                    </div>
                </div>
                <div class="layui-inline  layui-col-sm4">
                    <label class="layui-form-label">教练头像：</label>
                    <div class="layui-input-block">
                        <div class="layui-upload-drag" id="test3">
                            <i class="layui-icon layui-icon-add-1"></i>
                        </div>
                    </div>
                </div>

            </div>


            <div class="layui-form-item layui-form-text mrgintop">
                <label class="layui-form-label">教练描述：</label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
                </div>
            </div>



            <h5 class="lheight">教练标签：</h5>
            <div class="layui-row layui-col-space10 mrgintop">

                <div class="layui-col-sm8">
                    <span class="layui-badge-rim train_rim">诚实可靠<i class="layui-icon layui-icon-close"></i></span>
                    <span class="layui-badge-rim train_rim">技术一流<i class="layui-icon layui-icon-close"></i></span>
                    <span class="layui-badge-rim train_rim">面目和善<i class="layui-icon layui-icon-close"></i></span>
                </div>
                    <div class="layui-col-sm4">
                        <a class="layui-btn add_btn">增加标签</a>
                        <a class="layui-btn add_btn">选择标签</a>

                    </div>




            </div>


            <!--模板-->


            <div class="layui-form-item layui-col-space10">
                <div class="layui-input-block">
                    <button type="reset" class="layui-btn layui-btn-primary btn-left">关闭</button>
                    <button class="layui-btn btn-left" lay-submit lay-filter="component-form-element">提交</button>

                </div>
            </div>
        </form>
    </div>
</div>


</body>

<script>

    var table;

    layui.use(['table','form','laydate','layer','upload'], function() {
        table = layui.table;
        var form = layui.form,
            laydate = layui.laydate,
            layer=layui.layer,
            $ = layui.jquery,
            upload = layui.upload;

        //常规用法
        laydate.render({
            elem: '#activeTime'
            ,range: true
        });


    });

    $('.train_rim i').click(function () {
        $(this).parent().remove();
    })


</script>
</html>